<link type="text/css" href="/api/jQuery_Theme/development-bundle/themes/base/jquery.ui.all.css" rel="stylesheet" />
<script type="text/javascript" src="/api/jQuery_Theme/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="/api/jQuery_Theme/development-bundle/ui/jquery.ui.core.js"></script>
<script type="text/javascript" src="/api/jQuery_Theme/development-bundle/ui/jquery.ui.widget.js"></script>
<script type="text/javascript" src="/api/jQuery_Theme/development-bundle/ui/jquery.ui.mouse.js"></script>
<script type="text/javascript" src="/api/jQuery_Theme/development-bundle/ui/jquery.ui.sortable.js"></script>

<style type="text/css">
    #[php_property:id] { list-style-type: none; margin: 0; padding: 0; width: 60%; }
    #[php_property:id] li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px; }
    #[php_property:id] li span { position: absolute; margin-left: -1.3em; }
</style>


<script>
  $(document).ready(function() {
    $("#[php_property:id]").sortable({update : function () {
                                                 
    var order = $('#sortable').sortable('toArray'); 
    table = '[php_property:table2]';
    url = '/com/jQuery_Sortable/php/saveNewOrder.php?table='+table+'&order='+order+'&orderfield=[php_property:order_field]';                                     
                    
                    
            $.get(url, function(data) {
                
                //alert(data);
                
            });
            }   
            });
    }); 
</script>


